<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>商城首页</title>
  	<%@include file="../common/header.jsp" %>
    <script>
      $(function(){
          var swiper = new Swiper('.swiper-container', {
              paginationClickable: true,
              speed: 3000,
              loop: true,
              observer:true,
              observeParents:true,
              autoplayDisableOnInteraction : false,
              autoplay:10000
          });
      });
    </script>

</head>
<body>
<%@include file="../common/top.jsp" %>
<div class="swiper-container section ad-img" style="margin-top: 10px !important ;">
    <div class="swiper-wrapper" >
		<c:forEach var="vo" items="${shopAdDataList }">
			 <div class="swiper-slide" title="${vo.name }">
	            <a href="${vo.targetUrl }"  target="_blank"> <img src="${pathUrl}${vo.adImg}"></a>
	        </div>
		</c:forEach>
    </div>
</div>


<div class="section new-goods-main" >
    <div class="new-goods-header">
       新品产品  <a class="more-goods f-right" href="${pathUrl }/home/goods/index">更多+</a>
    </div>
    <ul class="img-list">
   	   <c:forEach var="vo" items="${newGoodsList }">
   	           <li>
	            <a title="${vo.goodsName }" href="${pathUrl }/home/goods/detail?id=${vo.id}">
	                <div class="img-box">
	                    <img  onerror="this.src='${pathUrl }/public/images/nopic.png'" src="${pathUrl }${vo.goodsImg}">
	                </div>
	                <div class="info">
	                    <h3>${vo.goodsName }</h3>
	                    <p>
	                        <strong>人气${vo.clickCount }</strong>
	                        <span class="price">¥${vo.sellPrice }</span>
	                    </p>
	                </div>
	            </a>
	        </li>
   	   </c:forEach>
    </ul>
</div>

<div class="section new-goods-main" >
    <div class="new-goods-header">
        热销产品  <a class="more-goods f-right" href="${pathUrl }/home/goods/index">更多+</a>
    </div>
    <ul class="img-list">
        <c:forEach var="vo" items="${ hotGoodsList}">
               <li>
	            <a title="${vo.goodsName }"  href="${pathUrl }/home/goods/detail?id=${vo.id}">
	                <div class="img-box">
	                    <img  onerror="this.src='${pathUrl }/public/images/nopic.png'" src="${pathUrl }${vo.goodsImg}">
	                </div>
	                <div class="info">
	                    <h3>${vo.goodsName }</h3>
	                    <p>
	                        <strong>人气${vo.clickCount }</strong>
	                        <span class="price">¥${vo.sellPrice }</span>
	                    </p>
	                </div>
	            </a>
	        </li> 
        </c:forEach>
    </ul>
 </div>



<div class="section qitian-main">
    <img src="${pathUrl }/public/images/qitian.png">
</div>

<div class="footer-copyright">
    <p>软信商城©2013-2017 软信大学版权所有 京ICP备17017089号 京公网安备11000002000006号</p>
</div>
</body>
</html>